<template>
  <div :style="{backgroundColor:'#fafafa'}">
    <div class="wrapper">
      <div class="container">
        <search :model="model"/>
       <searchResult></searchResult>
      </div>
    </div>
  </div>
</template>

<script>
import search from './components/search/template.vue'
import searchResult from './components/searchresult/template.vue'

export default {
  name: 'App',
  components: {
    search,
    searchResult
},
  data(){
    return{
      model:{
        //后端给默认值
          showTitle:true,
          title:'根据关键词检索药品',
          searchKey:'',
          inputWidth:410,
          placeholder:'请输入关键词',
          btnText:'检索',
          btnWidth:56,
          showResult:true,
          totalNum:15,
          marginTop:10,
          marginBottom:10
       }
    }
  },

}
</script>



<style scoped>
.wrapper{
  padding: 100px 0;
  background-color: #fafafa;
  height:100vh;
  width: 100%;
}

.container{
  background-color: white;
  margin: 0 auto;
}
</style>
